<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<HTML>
<HEAD>
    <TITLE> ZTREE DEMO - checkbox</TITLE>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/assets/tree/css/demo.css" type="text/css" media="all">
    <link rel="stylesheet" href="/assets/tree/css/zTreeStyle/zTreeStyle.css" type="text/css" media="all">
    <script type="text/javascript" src="/assets/tree/js/jquery-1.4.4.min.js" media="all"></script>
    <script type="text/javascript" src="/assets/tree/js/jquery.ztree.core.js" media="all"></script>
    <script type="text/javascript" src="/assets/tree/js/jquery.ztree.excheck.js" media="all"></script>
    <SCRIPT type="text/javascript">
        var setting = {
            check: {
                enable: true
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                onCheck: false
            }
        };
        /* var zNodes =[
         { "id":1, pId:0, name:"随意勾选 1", open:true},
         { "id":11, pId:1, name:"随意勾选 1-1", open:true},
         { "id":111, pId:11, name:"随意勾选 1-1-1"},
         { id:112, pId:11, name:"随意勾选 1-1-2"},
         { id:12, pId:1, name:"随意勾选 1-2", open:true},
         { id:121, pId:12, name:"随意勾选 1-2-1"},
         { id:122, pId:12, name:"随意勾选 1-2-2"},
         { id:2, pId:0, name:"随意勾选 2", checked:true, open:true},
         { id:21, pId:2, name:"随意勾选 2-1"},
         { id:22, pId:2, name:"随意勾选 2-2", open:true},
         { id:221, pId:22, name:"随意勾选 2-2-1", checked:true},
         { id:222, pId:22, name:"随意勾选 2-2-2"},
         { id:23, pId:2, name:"随意勾选 2-3"}
         ]; */
        var zNodes =${menus}
            $(document).ready(function(){
                $.fn.zTree.init($("#treeDemo"), setting, zNodes);
            });
        function test(){
            var treeObj=$.fn.zTree.getZTreeObj("treeDemo");
            nodes=treeObj.getCheckedNodes(true);
            var v="";
            for(var i=0;i<nodes.length;i++){
                v+=nodes[i].id + ";";
            }
            //alert(v.substring(0, v.length-1));
            return v.substring(0, v.length-1);
        }
        //-->
    </SCRIPT>
</HEAD>

<BODY>
<div class="">
    <div class="">
        <ul id="treeDemo" class="ztree" style="width: 98%;padding-top: 0;margin-top: 0"></ul>
    </div>
</div>
</BODY>
</HTML>